<template>
        <div class="studentInfoQuery">
            <el-breadcrumb separator="/" class="breadcrumb-bottom">
                <el-breadcrumb-item :to="{ path: '/' }">统计分析</el-breadcrumb-item>
                <el-breadcrumb-item>学生基本信息</el-breadcrumb-item>
            </el-breadcrumb>
             <el-form :model="studentForm" :rules="rules" ref="studentForm" label-width="0px">
                    <el-row :gutter="20">
                        <el-col :span="6">
                            <el-form-item prop="">
                            <el-input v-model="studentForm.grade" placeholder="请输入年级"></el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="6">
                            <el-form-item prop="">
                            <el-input v-model="studentForm.major" placeholder="请输入专业"></el-input>
                            </el-form-item>
                        </el-col>
                         <el-col :span="6">
                            <el-form-item prop="">
                            <el-input v-model="studentForm.class" placeholder="请输入班级"></el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="2" class="overflow-clear">
                            <el-button type="primary" @click="submitForm('studentForm')" class="float-right">立即搜索</el-button>
                        </el-col>
                    </el-row>
             </el-form>
             <hr/>
            <div style="margin-bottom:10px">
                <el-button type="primary" class="float-right">导出数据</el-button>
            </div>
            <div>
              <el-table
                    :data="tableData"
                    style="width: 100%">
                    <el-table-column
                        prop="date"
                        label="学号"
                        width="180">
                    </el-table-column>
                    <el-table-column
                        prop="name"
                        label="姓名"
                        width="180">
                    </el-table-column>
                    <el-table-column
                        prop="address"
                        label="职务">
                    </el-table-column>
                    <el-table-column
                        prop="date"
                        label="班级"
                        width="180">
                    </el-table-column>
                    <el-table-column
                        prop="name"
                        label="性别"
                        width="180">
                    </el-table-column>
                    <el-table-column
                        prop="address"
                        label="联系方式">
                    </el-table-column>
                </el-table>
            </div> 
        </div>
</template>
<script>
    export default{
        name:'studentInfoQuery',
        data(){

            return {
                studentForm:{
                    grade:'',
                    major:'',
                    class:''
                },
                 tableData: [{
                        date: '2016-05-02',
                        name: '王小虎',
                        address: '上海市普陀区金沙江路 1518 弄'
                    }, 
                    {
                        date: '2016-05-04',
                        name: '王小虎',
                        address: '上海市普陀区金沙江路 1517 弄'
                    }, 
                    {
                        date: '2016-05-01',
                        name: '王小虎',
                        address: '上海市普陀区金沙江路 1519 弄'
                    },
                    {
                        date: '2016-05-03',
                        name: '王小虎',
                        address: '上海市普陀区金沙江路 1516 弄'
                    }]
            }

        },
        components:{
            
        }
    }
</script>
<style>

</style>